<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>重庆红岩联线文化发展管理中心</title>
  <link rel="stylesheet" href="./normalize.css">
  <link rel="stylesheet" href="./index.css">
  <script src="./vue3.js"></script>
  <script src="./index.js"></script>
</head>

<body>
  <!-- 199010119曾讯 -->
  <!-- header Start -->
  <header class="header-main">
    <div class="logo">
      <img src="./img/logo.png" alt="">
    </div>
    <div class="header-right">
      <div class="header-guide">
        <img src="./img/icon-18.png" alt="">
      </div>
      <div class="header-link">
        <p>
          <a href="javascript:void(0)">设为首页</a> |
          <a href="javascript:void(0)">加入收藏</a> |
          <a href="javascript:void(0)">热线：023-65312300（沙坪坝片区）023-63303457（渝中片区）</a> |
          <a href="javascript:void(0)">English</a>
        </p>
      </div>
      <div class="search">
        <input type="text" name="" id="" placeholder="请输入搜索关键词">
        <span>搜索</span>
      </div>
    </div>
  </header>
  <!-- header End -->
  <!-- nav Start -->
  <nav class="nav" id="nav">
    <ul class="nav-main">
      <li class="li-item" v-for="(item,i) in items">
        <a href="#" class="active">{{item.name}}
          <span>{{item.yname}}</span>
        </a>
        <!-- 二级导航 -->
        <ul class="nav-sec">
          <li v-for="(sub,i) in item.introduce">
            <a href="#">{{sub.name}}</a>
          </li>
        </ul>
      </li>
    </ul>
  </nav>
  <!-- nav End -->
</body>

</html>